<template>
    <div class="father">
            <h2>父组件</h2>
            <Child1></Child1>
            <Child2></Child2>
    </div>
</template>
<script lang="ts" setup>
import Child1 from './Child1.vue';
import Child2 from './Child2.vue';
</script>
<style scoped>
.father {
    background: #ffe8e8;
    padding: 10px;
    box-shadow: 0 0 10px black;
    border-radius: 10px;
    margin: 0 10px;
}
</style>